<!DOCTYPE html>
<html>
  <head lang="en">
    <meta charset="UTF-8">
    <title>KLIPSE: a simple and elegant online cljs compiler and evaluator</title>
    <link rel='shortcut icon' type='image/x-icon' href='img/klipse.png' />
    <link rel="stylesheet" type="text/css" href="css/codemirror.css">
  </head>
  <body>
    <div class="clojure">
    (require 'hoquet.runtime)
    </div>

    <h2> Hiccup to HTML </h2>
    <div class="transpile-hiccup">
      [:div 1]
    </div>
    <div class="transpile-hiccup">
      [:div [:h2 "hello"]
      [:p "you are "]
      [:ul (for [i (range 10)]
      [:li i])]]
    </div>

    <h2> Hiccup Rendering </h2>
    <div class="render-hiccup">
      [:div 1]
    </div>
    <div class="render-hiccup">
      [:div [:h2 "hello"]
      [:p "you are "]
      [:ul (for [i (range 10)]
      [:li i])]]
    </div>


    <script>
      window.klipse_settings = {
        selector: '.clojure',
        selector_render_hiccup: '.render-hiccup',
        selector_transpile_hiccup: '.transpile-hiccup',
      };

    </script>
    <script src="/cljs-out/dev-main.js"></script>
  </body>
</html>
